.course-evaluate-container{
  background-color: #fff;
  overflow-y: auto;
  padding: 15px;
  .content-box{
    .tab-list{
      .list-item{
        padding: 5px 12px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-left: -1px;
        &.active{
          background: #428cb6;
          color: #fff;
        }
      }
    }
    .table-top-search{
      .top-search-left{
        padding: 20px 0;
        .row{
          text-align: right;
          margin-top: 15px;
        }
        input {
          width: 130px;
          margin-right: 20px;
        }
      }
    }
  }
  .info-box{
    overflow-y: auto;
    .title{
      font-weight: 700;
      padding: 20px;
      background: #faf7fa;
    }
    .evaluate-table{
      .star{
        color: #f5222d;
      }
      .table-head{
        text-align: center;
        padding: 20px 0;
      }
      .table-time{
        margin-bottom: 20px;
      }
      table{
        .th-t{
          background: #f7f6f9;
          font-weight: 700;
        }
        .disabled{
          width: 200px;
          background: #f1eff0;
        }
        .assessment-list{
          padding: 0 20px;
        }
        .td-text-left{
          text-align: left;
          background: #f7f6f9;
        }
        .w50{
          width: 50%;
        }
      }
      .enclosure-box{
        padding: 15px;
      }
      .btn-box{
        margin: 20px;
        text-align: center;
        button{
          margin-right: 15px;
          &:last-child{
            margin-right: 0;
          }
        }
      }
    }
  }
}
